<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // Array.from()将一个类似于数组结构的数据转换和可迭代的数据(如Set)转换为标准数组
        // 类数组：元素以连续的数值进行定义，包含一个描述数量的length属性
        var arr1=Array.from("welcome");
        console.log(arr1);

        function f1(){
            return Array.from(arguments);
        }
        console.log(f1("a",12,"cc"));
        console.log(f1(100,200,300,400,500));

        var obj={
            0:"alice",
            1:"tom",
            2:"lili",
            3:"cici",
            length:4
        };
        console.log(obj);
        console.log(Array.from(obj));

        // Array.of(参数1,参数2......)基于指定的数据，构建成一个新的数组
        var arrs=Array.of(1,"a",true,[1,2,3]);
        console.log(arrs);
        var arrs2=Array.of(5);//传入一个数值作为参数时，构建以该数值作为元素的新数组
        console.log(arrs2);
        var arrs3=new Array(4);//传入一个数值作为参数时，构建以该数值作为长度的新数组，元素值是没有的
        console.log(arrs3);

        // find(回调函数)和findIndex(回调函数)
        // callback(value,index,array)
        // 从数组中循环找出符合条件结果的第一个元素或者下标
        var arrays=[100,23,789,45,78,765,987,1000,4];
        var res=arrays.find(function(value,index,array){
            return value>980;
        });
        console.log(res);
        var index=arrays.findIndex(function(value,index,array){
            return value>=780
        });
        console.log(index);

        // fill(填充的数据,填充开始的索引,填充结束的索引)数组元素的填充，以给定的参数为指定数组进行元素填充
        var arrays2=new Array(30);
        arrays2.fill("嘻嘻",5,12);//索引为5的开始，到索引为11的结束，不包含索引12
        console.log(arrays2);

        // includes()查找数组中是否存在该元素
        var arrays3=[100,true,"字符串",undefined,890];
        console.log(arrays3.includes(100));//true
        console.log(arrays3.includes(true));
        console.log(arrays3.includes("字符串"));
        console.log(arrays3.includes(undefined));
        console.log(arrays3.includes("杨幂"));

    </script>
</head>
<body>
    
</body>
</html>